﻿<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">
<title>Mahira | VCard | CV HTML Template</title>
<!-- Stylesheets -->
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link href="css/responsive.css" rel="stylesheet">

<!--Favicon标签的log-->
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<link rel="icon" href="images/favicon.png" type="image/x-icon">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="js/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>

<body>

<div class="page-wrapper default-version">
 	
    <!-- Preloader -->
    <div class="preloader"></div>

    <div class="page-background">
        <div class="image-1"><img src="images/icons/shape/icon-1.png" alt=""></div>
        <div class="image-7"><img src="images/icons/shape/icon-7.png" alt=""></div>
        <canvas id="canvas"></canvas>
    </div>
    
    <!-- Mobile menu -->
    <div class="mobile-menu">
        <div class="container">
            <!--Nav Outer-->
            <div class="nav-outer clearfix">
                <div class="logo"><a href="index.jsp"><img src="images/logo.png" alt=""></a></div>
                <!-- Main Menu -->
                <nav class="main-menu">
                    <div class="navbar-header">
                        <!-- Toggle Button -->      
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>

                    <div class="navbar-collapse collapse scroll-nav clearfix">
                        <ul class="navigation clearfix">
                            
                            <li class="current"><a href="#home">Home</a></li>
                            <li><a href="#about">关于</a></li>
                            <li><a href="#resume">Resume</a></li>
                            <li><a href="#services">Services</a></li>
                            <li><a href="#work">Works</a></li>
                            <li><a href="#blog">Blog</a></li>
                            <li><a href="#contact">Contact</a></li>

                         </ul>
                    </div>
                </nav>
                <!-- Main Menu End-->                        
            </div>
            <!--Nav Outer End-->            
        </div>.
    </div>
 	
    <div class="card-outer">
        <div class="scroll-box">
            <div class="container" data-animation-in="fadeInLeft" data-animation-out="fadeOutLeft">
                <div class="card-wrapper">
                    <div class="author-info" style="background-image:url(images/background/3.jpg)">
                        <div class="image"><img src="images/resource/${fm.dximg}" alt=""></div>
                        <div class="author">
                            <h3>${fm.xm}</h3>
                            <div class="designation">
                                ${fm.p1}
                                <div class="typing-title">
                                    <p>一个 <strong>${fm.p2}</strong></p>
                                    <p>一个 <strong>${fm.p3}</strong></p>
                                    <p>一个 <strong>${fm.p4}</strong></p>
                                </div>
                                <span class="typed-title"></span>
                            </div>
                        </div>
                        <div class="link-btn">
                            <a href="login.jsp" class="theme-btn btn-style-one">后台</a>
                        </div>
                        <ul class="social-icon-two">
                            <li><a href="#"><span class="fa fa-facebook"></span></a></li>
                            <li><a href="#"><span class="fa fa-twitter"></span></a></li>
                            <li><a href="#"><span class="fa fa-google-plus"></span></a></li>
                            <li><a href="#"><span class="fa fa-pinterest"></span></a></li>
                        </ul>
                    </div>
                    <div class="card-inner-box">
                        <header class="header wow fadeInLeft" data-wow-duration="1.5s">
                            <ul class="main-menu">
                                <li class="active home"><a class="logo" href="#home"><img src="images/logo.png" alt=""></a></li>
                                <li><a href="#about"><i class="flaticon-social"></i>关于</a></li>
                                <li><a href="#resume"><i class="flaticon-curriculum"></i>工作经历</a></li>
                                <li><a href="#services"><i class="flaticon-layers-1"></i>项目经验</a></li>
                                <li><a href="#work"><i class="flaticon-tools"></i>求职意向</a></li>
                                <li><a href="#blog"><i class="flaticon-blog"></i>职业技能</a></li>
                                <li><a href="#contact"><i class="flaticon-send-mail"></i>联系</a></li>
                            </ul>
                        </header>

                        <!-- card item -->
                        <div class="card-home card-item active" id="home" style="background-image:url(images/background/1.jpg)">

                            <div class="card-inner wow fadeInUp" data-wow-duration="2s">
                                <div class="image"><img src="images/resource/${fm.dximg}" alt=""></div>
                                <div class="author">
                                    <h3>${fm.xm}</h3>
                                    <div class="designation">
                                        ${fm.p1}
                                        <div class="typing-title">
                                            <p>一个 <strong>${fm.p2}</strong></p>
                                            <p>一个 <strong>${fm.p3}</strong></p>
                                            <p>一个 <strong>${fm.p4}</strong></p>
                                        </div>
                                        <span class="typed-title"></span>
                                    </div>
                                </div>
                                <div class="text">${fm.p5}</div>
                                <div class="link-btn">
                                    <a href="login.jsp" class="theme-btn btn-style-one">后台</a>
                                    <%--<a href="#" class="theme-btn btn-style-two">Hire Me</a>--%>
                                </div>
                                <ul class="social-icon-two">
                                    <li><a href="#"><span class="fa fa-facebook"></span></a></li>
                                    <li><a href="#"><span class="fa fa-twitter"></span></a></li>
                                    <li><a href="#"><span class="fa fa-google-plus"></span></a></li>
                                    <li><a href="#"><span class="fa fa-pinterest"></span></a></li>
                                    <li><a href="#"><span class="fa fa-dribbble"></span></a></li>
                                </ul>
                            </div>
                            
                        </div>
                        <!-- end item -->
                        <%--自我评价界面--%>
                        <!-- card item -->
                        <div class="card-about card-item" id="about" style="background-image:url(images/background/2.jpg)">
                            <div class="card-inner">
                                <h4 class="title">自我评价</h4>
                                <div class="text">${gy.zwpj}
                                </div>
                                <div class="info-list">
                                    <div class="row">
                                        <div class="col-md-6">
                                            <ul class="list-style-one">
                                                <li><strong>姓名:</strong>  ${gy.xm}</li>
                                                <li><strong>电话:</strong>  ${gy.phone}</li>
                                                <li><strong>地址:</strong>  ${gy.address}</li>
                                            </ul>
                                        </div>
                                        <div class="col-md-6">
                                            <ul class="list-style-one">
                                                <li><strong>电子邮件:</strong> ${gy.email}</li>
                                                <li><strong>年龄:</strong>  ${gy.age}</li>
                                                <li><strong>性别:</strong>  ${gy.sex}</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>                                    
                                <h4 class="title">技能专长</h4>

                                <div class="row">
                                    <!-- About Block -->
                                    <c:forEach items="${jnzcList}" var="i">
                                    <div class="skill-block col-md-3 col-sm-4 col-xs-6">
                                        <div class="inner-box">
                                            <div class="graph-outer">
                                                <input type="text" class="dial" data-fgColor="#9147ff" data-bgColor="#f5f5f5" data-width="90" data-height="90" data-linecap="normal"  value="${i.myd}">
                                                <div class="inner-text count-box"><span class="count-text" data-stop="${i.myd}" data-speed="2000"></span>%</div>
                                            </div>
                                            <h3>${i.name}</h3>
                                        </div>
                                    </div>
                                    </c:forEach>

                                </div>
                                        
                            </div>
                        </div>
                        <!-- end item -->

                        <!-- card item -->
                        <div class="card-resume card-item" id="resume" style="background-image:url(images/background/2.jpg)">
                            <div class="card-inner">
                                <h4 class="title">工作经验</h4>
                                <div class="row clearfix">
                                    <!--Column-->
                                    <div class="timeline-column col-md-6 col-sm-12 col-xs-12">
                                        <div class="inner">
                                            <div class="col-header"><div class="icon-box"><div class="icon-inner"><div class="icon"><span class="flaticon-book"></span></div></div></div> <h2>就业技术</h2></div>

                                                <!--Timeline Block-->
                                            <c:forEach items="${jyjsList}" var="gz">
                                                <div class="timeline-block">
                                                    <div class="inner-box">
                                                        <h4>${gz.jsm}</h4>
                                                        <div class="date"><span>${gz.sj}</span> / 大学</div>
                                                        <div class="text">${gz.miaoshu} </div>
                                                    </div>
                                                </div>
                                            </c:forEach>

                                            
                                        </div>
                                    </div>
                                    
                                    <!--Column-->
                                    <div class="timeline-column col-md-6 col-sm-12 col-xs-12">
                                        <div class="inner">
                                            <div class="col-header"><div class="icon-box"><div class="icon-inner"><div class="icon"><span class="flaticon-case"></span></div></div></div> <h2>经验</h2></div>

                                            <c:forEach items="${jyjyList}" var="gz">
                                            <!--Timeline Block-->
                                                <div class="timeline-block">
                                                    <div class="inner-box">
                                                        <h4>${gz.gzgw}</h4>
                                                        <div class="date"><span>${gz.sj2} </span>  /${gz.gs}</div>
                                                        <div class="text">${gz.miaoshu} </div>
                                                    </div>
                                                </div>
                                            </c:forEach>


                                        </div>
                                    </div>
                                    
                                </div>
                            </div>
                        </div>
                        <!-- end item -->
                        <!-- card item -->
                        <div class="card-services card-item" id="services" style="background-image:url(images/background/2.jpg)">
                            <div class="card-inner">
                                <h4 class="title">项目经验</h4>
                                <div class="row">
                                    <c:forEach var="xmjy" items="${xmjyList}">
                                    <div class="services-block col-md-6">
                                        <div class="inner-box">
                                            <div class="icon-box"><span class="icon flaticon-pen-tool"></span></div>
                                            <h4><a href="blog-single.jsp">${xmjy.name}</a></h4>
                                            <div class="text">${xmjy.ms} </div>
                                        </div>
                                    </div>
                                    </c:forEach>
                                </div>
                            </div>
                        </div>
                        <!-- end item -->
                        <!-- card item -->
                        <div class="card-projects card-item" id="work" style="background-image:url(images/background/2.jpg)">
                            <div class="card-inner">
                                <h4 class="title">求职意向</h4>
                                <div class="row">
                                    <c:forEach var="qzyx" items="${qjyxList}">
                                    <div class="services-block col-md-6">
                                        <div class="inner-box">
                                            <div class="icon-box"><span class="icon flaticon-pen-tool"></span></div>
                                            <h4><a href="blog-single.jsp">${qzyx.name}</a></h4>
                                            <div class="text">${qzyx.ms} </div>
                                        </div>
                                    </div>
                                    </c:forEach>
                                </div>
                            </div>
                        </div>
                        <!-- end item -->
                        <!-- card item -->
                        <div class="card-blog card-item" id="blog" style="background-image:url(images/background/2.jpg)">
                            <div class="card-inner">
                                <h4 class="title">职业技能</h4>

                                <c:forEach items="${zyjnList}" var="zyjn">
                                    <div class="text">${zyjn.name}</div><br>

                                </c:forEach>

                                <div class="news-block">
                                    <div class="inner-box">
                                        <div class="image">
                                            <img src="images/resource/blog-1.jpg" alt="">
                                            <div class="overlay">
                                                <a class="link-btn" href="blog-single.jsp">
                                                    <i class="fa fa-link"></i>
                                                </a>                                
                                            </div>
                                        </div>
                                        <div class="date"><strong>02</strong> <br>年09月</div>
                                        <div class="lower-content">
                                            <h4><a href="blog-single.jsp">让我们来谈谈设计</a></h4>
                                            <div class="post-meta">通过管理员 /  <span>设计</span></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="news-block">
                                    <div class="inner-box">
                                        <div class="image">
                                            <img src="images/resource/blog-2.jpg" alt="">
                                            <div class="overlay">
                                                <a class="link-btn" href="blog-single.jsp">
                                                    <i class="fa fa-link"></i>
                                                </a>                                
                                            </div>
                                        </div>
                                        <div class="date"><strong>04</strong> <br>9月04</div>
                                        <div class="lower-content">
                                            <h4><a href="blog-single.jsp">让我们来谈谈设计</a></h4>
                                            <div class="post-meta">通过管理员 /  <span>设计</span></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="news-block">
                                    <div class="inner-box">
                                        <div class="image">
                                            <img src="images/resource/blog-3.jpg" alt="">
                                            <div class="overlay">
                                                <a class="link-btn" href="blog-single.jsp">
                                                    <i class="fa fa-link"></i>
                                                </a>                                
                                            </div>
                                        </div>
                                        <div class="date"><strong>06</strong> <br>9月06</div>
                                        <div class="lower-content">
                                            <h4><a href="blog-single.jsp">让我们来谈谈设计</a></h4>
                                            <div class="post-meta">通过管理员 /  <span>设计</span></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- end item -->
                        <!-- card item -->
                        <div class="card-contact card-item" id="contact" style="background-image:url(images/background/2.jpg)">
                            <div class="card-inner">
                                <h3 class="title">联系</h3>
                                <h4>保持联系</h4>
                                <div class="row clearfix">
                                    <div class="col-md-6">
                                        <ul class="list-style-two">
                                            <c:forEach items="${lxList}" var="lx">
                                            <li><span class="icon flaticon-signs"></span>${lx.name}<br> ${lx.ms} </li>
                                            </c:forEach>

                                        </ul>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="map-section">
                                            <div class="home-google-map">
                                                <div 
                                                    class="google-map" 
                                                    id="contact-google-map" 
                                                    data-map-lat="40.700843" 
                                                    data-map-lng="-74.004012" 
                                                    data-icon-path="images/icons/map-marker.png"
                                                    data-map-title="Chester"
                                                    data-map-zoom="11" >
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <h4>我该如何帮助您？</h4>
                                <!-- Contact Form -->
                                <div class="contact-form">
                                    <!--Comment Form-->
                                    <form method="post" action="sendemail.php" id="contact-form">
                                        <div class="row clearfix">
                                            
                                            <div class="col-md-6 form-group">
                                                <input type="text" name="username" placeholder="姓名" required>
                                            </div>
                                            
                                            <div class="col-md-6 form-group">
                                                <input type="email" name="email" placeholder="电子邮件" required>
                                            </div>
                                            
                                            <div class="col-md-6 form-group">
                                                <input type="text" name="subject" placeholder="学科" required>
                                            </div>

                                            <div class="col-md-6 form-group">
                                                <input type="text" name="phone" placeholder="电话" required>
                                            </div>

                                            <div class="col-lg-12 col-md-12 form-group">
                                                <textarea name="message" placeholder="信息"></textarea>
                                            </div>
                                            
                                            <div class="col-lg-12 col-md-12 form-group">
                                                <button class="theme-btn btn-style-two" type="submit" name="submit-form">现在提交 </button>
                                            </div>
                                            
                                        </div>
                                    </form>
                                        
                                </div>
                                <!--End Contact Form -->
                                        
                            </div>
                        </div>
                        <!-- end item -->
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--End pagewrapper-->
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/owl.js"></script>
<script src="js/wow.js"></script>
<script src="js/appear.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/element-in-view.js"></script>
<script src="js/knob.js"></script>
<script src="js/validate.js"></script>
<script src="js/mousemoveparallax.js"></script>
<script src="js/pagenav.js"></script>
<script src="js/jquery-type.js"></script>
<script src="js/jquery.nicescroll.min.js"></script>
<script src="js/particle-alone.js"></script>
<script src="js/script.js"></script>
<!--Google Map APi Key-->
<script src="http://ditu.google.cn/maps/api/js?key=AIzaSyATY4Rxc8jNvDpsK8ZetC7JyN4PFVYGCGM"></script>
<script src="js/gmaps.js"></script>
<script src="js/map-script.js"></script>
<!--End Google Map APi-->

</body>
</html>
